.chain_switch {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;

    .chain_container {
        display: flex;
        justify-content: center;
        align-items: center;
        width: fit-content;

        .chain_item {
            margin-right: var(--m16);
            padding: var(--m4) 0;
            font-weight: 400;
            font-size: var(--m13);
            font-family: Montserrat-Light;
            color: #A5A5AB;
            &:last-of-type {
                margin-right: 0;
            }
        }
        .active_item {
            font-family: Montserrat-Medium;
            font-weight: 500;
            color: var(--main-text);
            // border-color: var(--main-text);
        }
    }



    .default_icon {
        display: block;
        width: 5.333333vw;
        height: 5.3333vw;
    }
}


@media screen and (min-width:1280px) {
    .chain_switch {
        .chain_container {

    
            .chain_item {
                margin-right: var(--pc16);
                padding: var(--pc4) 0;
                font-size: var(--pc13);
                cursor: pointer;
            }

        }

        .default_icon {
            width: 25.0667px;
            height: 25.0665px;
        }
    }
}